// 顶部
.top-tool{
    position: fixed;
    top: .8rem;
    left: 0;
    z-index: 10;
    width: 7.5rem;
    height: .98rem;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
    img{
        display: block;
        width: .51rem;
        height: .45rem;
    }
    button{
        span{
            font-size: .28rem;
        }
    }
}

// 个人板块
.personal-box{
    width: 100%;
    background: #1b1b1b;
    border-radius: .24rem;
    margin-bottom: .6rem;
}
.personal{
    height: 4.06rem;
    .top{
        position: relative;
        height: 2.35rem;
        padding: .53rem 0 .3rem .18rem;
        border-bottom: .02rem solid rgba(153, 153, 153, .6);
        display: flex;
        img{
            width: 1.52rem;
            border-radius: 50%;
        }
        button{
            width: 1.44rem;
            height: .5rem;
            color: #fff;
            font-size: .24rem;
            line-height: .5rem;
            border-radius: 50px  0 0 50px;
            border: none;
            background-image: linear-gradient(to right, #f89c44, #fed3aa);
            position: absolute;
            bottom: .3rem;
            right: 0;
        }
        button:hover{
            background: #f08624;
        }
    }
    .idbox{
        height: 100%;
        padding-left: .30rem;
        p{
            line-height: 1rem;
            font-size: .34rem;
            font-weight: bolder;
        }
        span{
            display: flex;
            line-height: .5rem;
            
        }
        svg{
            margin-left: .3rem;
            width: .34rem;
        }
    }
    .pdata{
        ul{
            height: 1.2rem;
            display: flex;
            justify-content: space-around;
            margin-top: .2rem;
            li{
                width: 1.15rem;
                border-radius: .12rem;
                p{
                    line-height: .7rem;
                    text-align: center;
                    font-size: .28rem;
                    font-weight: bold;
                }
                span{
                    display: block;
                    line-height: .5rem;
                    text-align: center;
                }
            }
            li:hover{
                background: #222222;
            }
        }
    }
}

// 订单,常用
.typebox{
    height: 3.08rem;
    .title{
        padding-left: .55rem;
        font-size: .34rem;
        font-weight: bolder;
        line-height: 1.25rem;
        height: 1.25rem;
        border-bottom: .02rem solid rgba(153, 153, 153, .6);
    }
    ul{
        height: 3.08rem - 1.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .55rem;
        li{
            width: 1.1rem;
            height: 1rem;
            font-size: .28rem;
            border-radius: .12rem;
            img{
                display: block;
                width: .45rem;
                margin: .05rem auto;
                
            }
            p{text-align: center;line-height: .45rem;}
        }
        li:hover{
            background: #222222;
        }
    }
}

